module.exports = {
    // 基本路径
    publicPath: '/',

    // 输出文件目录
    outputDir: 'dist',

    // 用于潜逃生成的静态资产{js,css,img,fonts}的目录
    assetsDir: '',

    // 生产环境sourceMap
    // prodictionSourceMap: true,

    // webpack配置
    // configureWebpack: () => {},
    configureWebpack: {
        resolve: {
            alias: {
                api: '@/api',
                assets: '@/assets',
                common: '@/common',
                components: '@/components',
                network: '@/network',
                views: '@/views',
                util: '@/util'
            }
        }
    },
    chainWebpack: () => {
    },

    // css相关配置
    css: {
        // 启用css modules
        // modules: false,

        // 是否使用css分离插件
        // extract: true,

        // 开启css source maps？
        // sourceMap: false,

        // css预设器配置项
        loaderOptions: {
            sass: {
                // 这里data换成 prependData  并且重启vue项目即可
                prependData: `@import "@/assets/scss/_variable.scss";`
            }
        }
    },

    // webpack-dev-server 相关配置
    devServer: {
        // host: '127.0.0.1',
        port: 8081,

        // 自动打开浏览器？
        open: true,

        // 设置代理
        proxy: {
            '/myApi': {     //这里最好有一个 /
                target: 'https://www.baidu.com',  // 后台接口域名
                ws: true,        //如果要代理 websockets，配置这个参数
                secure: false,  // 如果是https接口，需要配置这个参数
                changeOrigin: true,  //是否跨域
                pathRewrite: {
                    '^/myApi': ''
                }
            }
        }
    },

    // 第三方插件配置
    pluginOptions: {
        // ...
    }
}
